<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 引入favicon图标 -->
    <link rel="shortcut icon" href="favicon.ico">
    <!-- 引入初始化样式表 -->
    <link rel="stylesheet" href="css/base.css">
    <!-- 引入公共样式表 -->
    <link rel="stylesheet" href="css/common.css">
    <!-- 引入注册页面样式表 -->
    <link rel="stylesheet" href="css/login.css">
    <script src="./js/register.js"></script>
    <script src="./js/jquery.min.js"></script>
    <title>登录</title>
</head>
<body>
    <!-- 快捷导航模块 -->
    <section class="shortcut">
        <div class="w">
            <div class="zuo">
                <ul>
                    <li>体网购物欢迎你！&nbsp;&nbsp;&nbsp;</li>
                    <li>
                        <a href="../Sports shoping/login.html">请登录</a>&nbsp;<a href="" class="a_2" target="_blank">免费注册</a>
                    </li>
                </ul>
            </div>
            <div class="you">
                <ul>
                    <li><a href="../Sports shoping/index.html">体网首页</a></li>
                    <li></li>
                    <li><a 我的订单 href="./shopCart.html">我的订单</a></li>
                    <li></li>
                    <li>我的会员</li>
                    <li></li>
                    <li class="arrow-icon">企业采购</li>
                    <li></li>
                    <li class="arrow-icon">客户服务</li>
                    <li></li>
                    <li class="arrow-icon">网站导航</li>
                </ul>
            </div>
        </div>
    </section>
    <div class="w">
        <div class="header_top">
            <div class="top_zuo">
                <ul>
                    <li><a href="#">新品尝鲜</a></li>
                    <li><a href="#">男子</a></li>
                    <li><a href="#">女子</a></li>
                    <li><a href="#">儿童</a></li>
                    <li><a href="#">专属定制</a></li>
                    <li><a href="#">夏日特辑</a></li>
                </ul>
            </div>
            <div class="top_you">
                <div class="sosuo">
                    <input type="text" class="search-input" name="search" autocomplete="off" data-var="vsInput" tabindex="0" placeholder="搜索" aria-label="搜索产品" role="combobox" aria-controls="VisualSearchSuggestionsList" aria-owns="VisualSearchSuggestionsList" aria-expanded="false">
                    <button class="sousuo_bt">
                        <svg class="pre-search-input-icon" fill="#111" height="30px" width="30px" viewBox="0 0 24 24"><path d="M21.71 20.29L18 16.61A9 9 0 1 0 16.61 18l3.68 3.68a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.39zM11 18a7 7 0 1 1 7-7 7 7 0 0 1-7 7z"></path></svg>
                    </button>
                </div>
            </div>
            <div class="shoucang-gouwuche">
                <div class="shoucang"><a href="#"><svg width="24px" height="24px" fill="#111" viewBox="0 0 24 24"><path d="M21.11 4a6.6 6.6 0 0 0-4.79-1.92A6.27 6.27 0 0 0 12 3.84 6.57 6.57 0 0 0 2.89 4c-2.8 2.68-2.45 7.3.88 10.76l6.84 6.63A2 2 0 0 0 12 22a2 2 0 0 0 1.37-.54l.2-.19.61-.57c.6-.57 1.42-1.37 2.49-2.41l2.44-2.39 1.09-1.07c3.38-3.55 3.8-8.1.91-10.83zm-2.35 9.4l-.25.24-.8.79-2.44 2.39c-1 1-1.84 1.79-2.44 2.36L12 20l-6.83-6.68c-2.56-2.66-2.86-6-.88-7.92a4.52 4.52 0 0 1 6.4 0l.09.08a2.12 2.12 0 0 1 .32.3l.9.94.9-.94.28-.27.11-.09a4.52 4.52 0 0 1 6.43 0c1.97 1.9 1.67 5.25-.96 7.98z"></path></svg></a></div>
                <div class="gouwuche"><a href="#"><svg width="24px" height="24px" fill="#111" viewBox="0 0 24 24"><path d="M16 7a1 1 0 0 1-1-1V3H9v3a1 1 0 0 1-2 0V3a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v3a1 1 0 0 1-1 1z"></path><path d="M20 5H4a2 2 0 0 0-2 2v13a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V7a2 2 0 0 0-2-2zm0 15a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V7h16z"></path></svg></a></div>
            </div>
        </div>
        <div class="register">
            <div class="reg_form">
                <header>登录您的体网账户</header>
                <div class="remind"></div>
                <form class="mobileJoinForm" action="javascript:;" method="post" onsubmit="return false;"> 
                    <div class="mobileNumber">
                        <div class="mobile_cn"></div>
                        <input autocomplete="tel" autocorrect="off" autocapitalize="off" spellcheck="false" class="inNumber" type="tel" placeholder="账号号码"  >
                    </div>
                    <div class="error">请输入有效的账号号码。</div>
                    <div class="yanzhengma">
                        <input type="number" placeholder="输入密码" value="输入密码" class="inyanzhengma">
                    </div>
                    <div class="error">请输入有效的密码。</div>
                    <div class="contain">
                        <div class="code">
                            <input type="number" placeholder="输入验证码" value="输入验证码" class="input-val">
                            <canvas id="canvas" ></canvas>
                            <div class="error">请输入正确的验证码。</div>
                        </div>
                    </div>
                    <div class="going">
                        <button class="btn">登录</button>
                    </div>
                </form>
                <div class="yishihuiyuan">
                    还不是会员？
                    <a href="./register.html" target="_blank" style="text-decoration:underline;">立即注册</a>  
                </div>
            </div>
        </div>
    </div>
    <!-- footer底部模块制作 -->
    <div class="footer">
        <div class="w">
            <div class="mod_service"> <!-- mod_service是服务模块意思 -->
                <ul>
                    <li>
                        <img src="../Sports shoping/images/logo-footer.png">
                    </li>
                    <li>
                        <p><a href="#">登录/注册</a></p>
                        <p><a href="#">说出你想要的</a></p>
                        <p><a href="#">门店位置</a></p>
                        <p><a href="#">帮助</a></p>
                    </li>
                    <li>
                        <p>扫码关注官方微信</p>
                        <a href="#"><img src="../Sports shoping/images/footer-weixin.jpg"></a>
                    </li>
                    <li> 
                        <p>联系我们</p>
                        <p>
                            <i class="icon-footer-mail"></i>
                            <a href="#">service@nbastore.cn</a>
                        </p>
                        <p>
                            <i class="icon-footer-telephone"></i>
                            400-0066-802（9:00 – 22:00）
                        </p>
                        <p>
                            <i class="icon-footer-service"></i>
                            <a href="#">在线客服（9:00 – 22:00）</a>
                        </p>
                        <p>
                            <i class="icon-footer-weibo"></i>
                            <a href="#">SPORTSSTORE官方微博</a>
                        </p>
                    </li>
                </ul>
            </div>
            <div class="mod_copyright">
                    <div class="links">
                        <a href="#">关于我们</a> | <a href="#">联系我们</a> | <a href="#">联系客服</a> | <a href="#">商家入驻</a> | <a href="#">营销中心</a> | <a href="#">手机品体网</a> | <a href="#">友情链接</a> | <a href="#">销售联盟</a> | <a href="#">体网社区</a> | <a href="#">体网公益</a> | <a href="#">English Site</a> | <a href="#">Contact U</a>
                    </div>
                    <div class="copyright">
                        地址：河南省信阳市新县 邮编：465558 电话：400-618-4000 传真：010-82935100 邮箱: 1358933846@qq.com
京ICP备08001421号京公网安备110108007702
                    </div>

            </div>
        </div>
    </div>
</body>
</html>